<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <div class="container">
        <header>
            <!-- 导航栏 -->
            <nav>
                <a href="./search.html"><i class="iconfont icon-49"></i></a>
                <div class="logoBox">
                    <img src="./images/icon/logo.png.png" alt="">
                </div>
            </nav>

            <!-- 轮播图 -->
            <div class="banner">
                <img src="./images/index/banner.png" alt="">
            </div>

            <!-- 标签 -->
            <ul class="h_tagBox">
                <li>
                    <i class="iconfont icon-a-ziyuan642"></i>
                    <p>品牌鲜花网</p>
                </li>
                <li>
                    <i class="iconfont icon-a-ziyuan642"></i>
                    <p>实拍秀</p>
                </li>
                <li>
                    <i class="iconfont icon-a-ziyuan642"></i>
                    <p>1小时送达</p>
                </li>
                <li>
                    <i class="iconfont icon-a-ziyuan642"></i>
                    <p>50w+好评</p>
                </li>
            </ul>

            <!-- 分类 -->
            <ul class="h_classify">
                <li>
                    <a href="#">
                        <img src="./images/index/icon/mIndex1.png.png" alt="">
                        <p>花束</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/index/icon/mIndex2.png.png" alt="">
                        <p>礼盒</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/index/icon/mIndex3.png.png" alt="">
                        <p>蛋糕</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/index/icon/mIndex4.png.png" alt="">
                        <p>花篮</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/index/icon/mIndex5.png.png" alt="">
                        <p>绿植</p>
                    </a>
                </li>
            </ul>
        </header>

        <main>
            <section>
                <div class="content_Top">
                    <h3>一秒选花</h3>
                    <ul>
                        <li><img src="./images/index/一秒选花/imgNav1.png.png" alt=""></li>
                        <li><img src="./images/index/一秒选花/imgNav2.png.png" alt=""></li>
                        <li><img src="./images/index/一秒选花/imgNav3.png.png" alt=""></li>
                    </ul>

                    <ul>
                        <li>
                            <p>生日祝福</p>
                            <img src="./images/index/一秒选花/imgNav4.png.png" alt="">
                        </li>
                        <li>
                            <p>求婚表白</p>
                            <img src="./images/index/一秒选花/imgNav5.png.png" alt="">
                        </li>
                        <li>
                            <p>商务开业</p>
                            <img src="./images/index/一秒选花/imgNav6.png.png" alt="">
                        </li>
                        <li>
                            <p>装饰绿植</p>
                            <img src="./images/index/一秒选花/imgNav7.png.png" alt="">
                        </li>
                    </ul>
                </div>
            </section>

            <section>
                <div>
                    <p class="content_Title">爱情鲜花</p>

                    <ul class="content">
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-1.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-2.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-3.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-4.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-5.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-6.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-7.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/爱情鲜花/love-8.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <span class="more">
                        查看更多
                    </span>
                </div>

                <div>
                    <p class="content_Title">友情鲜花</p>

                    <ul class="content">
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-1.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-2.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-3.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-4.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-5.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-6.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-7.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/友情鲜花/firend-8.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <span class="more">
                        查看更多
                    </span>
                </div>

                <div>
                    <p class="content_Title">鲜花礼盒</p>

                    <ul class="content">
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-1.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-2.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-3.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-4.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-5.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-6.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-7.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/鲜花礼盒/box-8.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <span class="more">
                        查看更多
                    </span>
                </div>

                <div>
                    <p class="content_Title">蛋糕</p>

                    <ul class="content">
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-1.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-2.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-3.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-4.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-5.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-6.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-7.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/蛋糕/cake-8.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <span class="more">
                        查看更多
                    </span>
                </div>

                <div>
                    <p class="content_Title">开业花篮</p>

                    <ul class="content">
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-1.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-2.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-3.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-4.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-5.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-6.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-7.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/开业花篮/basket-8.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <span class="more">
                        查看更多
                    </span>
                </div>

                <div>
                    <p class="content_Title">绿植</p>

                    <ul class="content">
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-1.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-2.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-3.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-4.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-5.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-6.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-7.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="./details.html">
                                <img src="./images/index/绿植/plant-8.png" alt="">
                                <h4>浪漫满屋</h4>
                                <div class="fontBox">
                                    <p>￥229</p>
                                    <span>销量17229笔</span>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <span class="more">
                        查看更多
                    </span>
                </div>
            </section>
        </main>

        <!-- 尾部 -->
        <footer>
            <p>Copyright©2020 成都勿忘我科技有限公司</p>
            <p>蜀ICP备20016463号-2</p>
        </footer>
    </div>

    <!-- 底部固定导航 -->
    <div class="bottomTab">
        <ul>
            <li class="active">
                <a href="./index.html">
                    <i class="iconfont icon-shouye"></i>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="./classify.html">
                    <i class="iconfont icon-fenlei"></i>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-dianhua"></i>
                    <p>电话</p>
                </a>
            </li>
            <li>
                <a href="./cart-0.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="./psnCenter.html">
                    <i class="iconfont icon-31wode"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </div>
</body>

</html>